<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>ladybird - 全球票务总代理</title>
        <jsp:include page="top-link.jsp"></jsp:include>
        <link rel="shortcut icon" href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" type="text/css"
              href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/css/falsh-sale.css"/>
    </head>

    <body>
        <!-- 头部导航 -->
        <%@include file="top-nav.jsp" %>
        <!--头部导航结束-->
        <!--秒杀页面开始-->
        <div class="layui-container" style="height: 20px">
            <div class="layui-row">
                <div class="layui-col-md12">
                    <p style="font-size: 30px;font-family: 华文琥珀">今日秒杀</p>
                </div>
            </div>
        </div>
        <div class="layui-container" style="height: 2200px;">
            <div class="layui-row">
                <c:forEach items="${jsonData.data[0]}" var="u" varStatus="status">
                    <div class="layui-col-md4" style="margin-top: 20px">
                        <div class="ms2"><a
                                href="${pageContext.request.contextPath}/api/v1/pub/user/kill-sale?ticketId=${u.ticketDetailsId}"><img
                                src="${u.ticketDetailsTicketImgUrl}" alt="" style="width: 270px;height: 350px"></a>
                        </div>
                    </div>
                    <div class="layui-col-md8" style="margin-top: 20px">
                        <div class="endtime">
                            距离结束还有：00天18小时22分20秒
                        </div>

                        <div class="ms2ticket">
                            <h2>
                                <a href="${pageContext.request.contextPath}/api/v1/pub/user/kill-sale?ticketId=${u.ticketDetailsId}">【${u.ticketAddressCity}】${u.ticketDetailsInfo}</a>
                            </h2>
                            <br>
                            <p>时间：
                                <a href="${pageContext.request.contextPath}/api/v1/pub/user/kill-sale?ticketId=${u.ticketDetailsId}">
                                    <fmt:formatDate value="${u.ticketStartTime}" var="validDate1"
                                                    pattern="yyyy.MM.dd"/> ${validDate1}
                                    -<fmt:formatDate value="${u.ticketEndTime}" var="validDate" pattern="MM.dd"/>${validDate}
                                </a></p>
                            <br>
                            <p>场馆： <a
                                    href="${pageContext.request.contextPath}/api/v1/pub/user/kill-sale?ticketId=${u.ticketDetailsId}">${u.ticketAddressVenue}</a>
                                <a target="_blank"
                                   href="https://ditu.amap.com/regeo?spm=a2oeg.project.projectinfo.daddress.48b8f83frTlqUA&lng=121.59054&lat=31.312099&name=%E4%B8%8A%E6%B5%B7%E5%B8%82&src=damai&callnative=0&platform=pc"><i
                                        class="layui-icon layui-icon-location"></i></a></p>
                            <br>
                            <br>
                            <h3>
                                <a href="${pageContext.request.contextPath}/api/v1/pub/user/kill-sale?ticketId=${u.ticketDetailsId}">
                                        ${u.ticketPricePrice}起</a></h3>
                            <br>
                            <br>

                                <%--                        <a href="detalis.jsp?">--%>
                            <a href="${pageContext.request.contextPath}/api/v1/pub/user/kill-sale?ticketId=${u.ticketDetailsId}">

                                <button type="button" class="layui-btn layui-btn-normal">查看详情</button>
                            </a>

                        </div>
                    </div>
                </c:forEach>
            </div>
        </div>
        <!--秒杀页面结束-->
        <!-- 尾部导航 -->
        <%@include file="foot-nav.jsp" %>
        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/layui/layui.js"></script>
        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/js/Class/class.js"></script>
        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/js/flash-slae.js"></script>
    </body>
</html>
